@use 'sass:color';

// 主题色
$color-primary: #409EFF !default;
$color-success: #67C23A !default;
$color-warning: #E6A23C !default;
$color-danger: #F56C6C !default;
$color-info: #909399 !default;

// 文字颜色
$text-primary: #303133 !default;
$text-regular: #606266 !default;
$text-secondary: #909399 !default;
$text-placeholder: #C0C4CC !default;

// 边框颜色
$border-base: #DCDFE6 !default;
$border-light: #E4E7ED !default;
$border-lighter: #EBEEF5 !default;
$border-extra-light: #F2F6FC !default;

// 背景颜色
$background-base: #304156 !default;
$background-light: #f0f2f5 !default;

// 字体大小
$font-size-extra-large: 20px !default;
$font-size-large: 18px !default;
$font-size-medium: 16px !default;
$font-size-base: 14px !default;
$font-size-small: 13px !default;
$font-size-extra-small: 12px !default;

// 边框圆角
$border-radius-base: 4px !default;
$border-radius-small: 2px !default;
$border-radius-circle: 100% !default;

// 阴影
$box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04) !default;
$box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, 0.1) !default;

// 断点
$sm: 768px !default;
$md: 992px !default;
$lg: 1200px !default;
$xl: 1920px !default;

// 菜单
$menuBg: #304156;
$menuText: #bfcbd9;
$menuActiveText: #409EFF;

// 导出给 JS 使用
:export {
  theme: $color-primary;
  menuBg: $menuBg;
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  backgroundBase: $background-base;
  boxShadowLight: $box-shadow-light;
} 